<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html lang="en" >
<style type="text/css">
#form {position: absolute; top: 10px; }
#image {position: absolute; top: 60px; }
#highlight {color:red;}
-->
</style><head>
    <title>dot file viewer</title>
</head>
<body>
	<div id="form">	
<form action="" method="GET">
	<label><b>format:</b></label>{{form.fformat}}
	<label><b>program:</b></label>{{form.prog}}
	<label><b>Reaction Label:</b></label>{{form.rlabel}}
	<label>	<b>  Metabolite Label:</b></label>{{form.mlabel}}
	<label><b>Node size:</b></label><b title="type a value between 0.02 and 0.5. if metabolite label is selected, node size will be determined by node label.">{{form.size}}</b> 
	<input type="submit" name="draw" value="redraw">
</form>
<div id="highlight">The SVG graph with hyperlinks is better viewed in Firefox!</div>
</div>
<div id="image">
{% ifequal format "svg" %}
<object data="/site_media/mg{{prog}}.svg" type="image/svg+xml" width={{w}} height={{h}} pluginspace="http://www.adobe.com/svg/viewer/install/" />
{% else %}
<IMG SRC="/site_media/mg{{prog}}.{{format}}" alt="met graph" />
{% endifequal %}
</div>
</body>
</html>
